<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <!-- HTTP 1.1 -->
    <meta http-equiv="pragma" content="no-cache">
    <!-- HTTP 1.0 -->
    <meta http-equiv="cache-control" content="no-cache">
    <title>山西万鸿</title>
    <!-- 1导入css -->
    <link href="./css/elementUi.css" rel="stylesheet">
    <link href="./css/swiper.min.css" rel="stylesheet">
    <link href="./css/index.css" rel="stylesheet">
    <script src="./js/vue@2.6.js"></script>
    <!--  引入ElementUI组件 -->
    <script src="./js/element-ui.js"></script>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- jq -->
    <script src="./js/jquery.min.js"></script>
    <!-- 转换日期 -->
    <script src="./js/dayjs.min.js"></script>
    <!-- echarts -->
    <script src="./js/echarts.min.js"></script>
    <!-- swiper -->
    <script src="./js/swiper.min.js"></script>
    <style>

    </style>
</head>

<body>
    <div id="app">
        <div class="swiper outer-swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide" id="schedule-box">
                    <my-component></my-component>
                </div>
                <div class="swiper-slide" id="schedule-box2">
                    <div class="swiper inner-swiper">
                        <div class="swiper-wrapper">
                            <!-- <div class="swiper-slide" id="gsjs1">
                                <img style="width:100%;height: 100%; max-width: 1920px;max-height: 1080px;"
                                    src="./image/gsjs1.jpg" alt="">
                            </div> -->
                            <div class="swiper-slide" id="gsjs1">
                                <img style="width:100%;height: 100%; max-width: 1920px;max-height: 1080px;"
                                    src="./image/jbjs1.jpg" alt="">
                            </div>
                            <div class="swiper-slide" id="gsjs2">
                                <img style="width:100%;height: 100%; max-width: 1920px;max-height: 1080px;"
                                    src="./image/ryjg2.jpg" alt="">
                            </div>
                            <div class="swiper-slide" id="gsjs3">
                                <img style="width:100%;height: 100%; max-width: 1920px;max-height: 1080px;"
                                    src="./image/gsryzs3.jpg" alt="">
                            </div>
                            <div class="swiper-slide" id="gsjs4">
                                <img style="width:100%;height: 100%; max-width: 1920px;max-height: 1080px;"
                                    src="./image/jyln4.jpg" alt="">
                            </div>
                            <div class="swiper-slide" id="gsjs5">
                                <img style="width:100%;height: 100%; max-width: 1920px;max-height: 1080px;"
                                    src="./image/shtd5.jpg" alt="">
                            </div>
                        </div>
                        <!-- 左箭头按钮 -->
                        <div class="swiper-button-prev-inner">
                            <img style="height:100%;vertical-align: middle;  transform: translateX(2px);" src="./image/left .png" alt="">
                        </div>
                        <!-- 右箭头按钮 -->
                        <div class="swiper-button-next-inner">
                            <img style="height:100%;vertical-align: middle;  transform: translateX(2px);" src="./image/right.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="swiper-slide" id="schedule-box3">
                    <img style="width:100%;height: 100%; max-width: 1920px;max-height: 1080px;" src="./image/bmjs.jpg"
                        alt="">
                </div>
                <div class="swiper-slide" id="schedule-box4">
                    <div class="swiper  inner-swiper2">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide" id="gsjs1">
                                <img style="width:100%;height: 100%; max-width: 1920px;max-height: 1080px;"
                                    src="./image/yhzx.jpg" alt="">
                            </div>
                            <div class="swiper-slide" id="gsjs2">
                                <img style="width:100%;height: 100%; max-width: 1920px;max-height: 1080px;"
                                    src="./image/bmxz.jpg" alt="">
                            </div>
                            <div class="swiper-slide" id="gsjs3">
                                <img style="width:100%;height: 100%; max-width: 1920px;max-height: 1080px;"
                                    src="./image/bmgz.jpg" alt="">
                            </div>

                            <div class="swiper-slide" id="gsjs4">
                                <img style="width:100%;height: 100%; max-width: 1920px;max-height: 1080px;"
                                    src="./image/htsj.jpg" alt="">
                            </div>
                            <div class="swiper-slide" id="gsjs4">
                                <img style="width:100%;height: 100%; max-width: 1920px;max-height: 1080px;"
                                    src="./image/htjd.jpg" alt="">
                            </div>
                            <div class="swiper-slide" id="gsjs4">
                                <img style="width:100%;height: 100%; max-width: 1920px;max-height: 1080px;"
                                    src="./image/hjcd.jpg" alt="">
                            </div>

                            <div class="swiper-slide" id="gsjs4">
                                <img style="width:100%;height: 100%; max-width: 1920px;max-height: 1080px;"
                                    src="./image/hjcd.jpg" alt="">
                            </div>
                        </div>
                        <!-- 左箭头按钮 -->
                        <div class="swiper-button-prev-inner">
                            <img style="height:100%;vertical-align: middle;  transform: translateX(2px);" src="./image/left .png" alt="">
                        </div>
                        <!-- 右箭头按钮 -->
                        <div class="swiper-button-next-inner">
                            <img style="height:100%;vertical-align: middle;  transform: translateX(2px);" src="./image/right.png" alt="">
                        </div>
                    </div>
                </div>

            </div>
            <div class="swiper-pagination outer-pag">

            </div>
        </div>

        <div class="container">
            <div class="menu">
                <div class="menu-content">
                    <div class="side">
                        <ul class="menu_left">
                            <li><a href="#">
                                    <div class="sidebox">项目进度</div>
                                </a></li>
                            <li><a href="#">
                                    <div class="sidebox">公司介绍</div>
                                </a></li>
                            <li><a href="javascript:void(0);">
                                    <div class="sidebox">部门介绍</div>
                                </a></li>
                            <li><a href="javascript:void(0);">
                                    <div class="sidebox">流程图</div>
                                </a></li>
                            <li><a href="javascript:void(0);">
                                    <div class="sidebox" id="sidebox_auto">关闭轮播</div>
                                </a></li>
                            <li style="border:none;"><a class="sidetop">
                                    <div class="sideboxNo">
                                        全屏
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>

    </div>
</body>
<script src="./js/schedule.js?v=20250318"></script>

<script>
    var mainIndex = new Vue({
        el: '#app',
        data() {
            return {
                tableData: [],
                urls: "http://192.168.0.19:8011"
            }
        },
    })


    $(function () {
        const menu = document.querySelector('.menu');
        const mainContent = document.querySelector('.side');
        console.log(menu)
        menu.addEventListener('mouseover', () => {
            menu.classList.add('show');
            mainContent.style.width = '54px'
            mainContent.style.marginLeft = '110px';
        });

        menu.addEventListener('mouseout', () => {
            mainContent.style.width = '5px'
            menu.classList.remove('show');
            mainContent.style.marginLeft = '0';
        });
        // iframeCreate('#schedule-box','schedule','./schedule.html')
        // iframeCreate('#schedule-box2','schedule','./introduce.html')
        // iframeCreate('#schedule-box3','schedule','./section.html')
        // iframeCreate('#schedule-box4','schedule','./flow.html')
    })

    //动态生成iframe 防止iframe加载两次页面请求重复的接口等文件
    function iframeCreate(Parent, element, url) {
        var ifr = document.createElement("iframe");
        ifr.src = url;
        ifr.className = element
        ifr.frameBorder = 0;
        $(Parent).append(ifr)
    }
</script>
<script src="./js/pageSwitch.js"></script>


</html>